<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Renascer Planejados</title>
        <link rel="stylesheet" type="text/css" href="_recursos/css/renascer.css"/>
        <script type="text/javascript" src="_recursos/scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="_recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="_recursos/scripts/plugins.js"></script>
        <script type="text/javascript">

            $(document).ready(function() {
                appPagina.contruirPagina();

                var enviado = $.getParameter('enviado');

                if (enviado && enviado == 1) {
                    alert('E-mail enviado com sucesso. Logo entraremos em contato.')
                } else if (enviado && enviado == 0) {
                    alert('Falha ao enviar o email.')
                }

                $('#nome').focus();
            });

            function validar() {
                var nome = $('#nome').val();
                var email = $('#email').val();
                var telefone = $('#telefone').val();
                var conteudo = $('#conteudo').val();

                if (nome.length && email.length && validarEmail(email) && telefone.length && conteudo.length) {
                    return true;
                } else {
                    alert('Preencha os campos corretamente.');
                    return false;
                }
            }

            function validarEmail(email) {
                var filtro = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
                return filtro.test(email);
            }

        </script>
    </head>
    <body>
        <div class="facebook"><a title="Facebook Renascer Planejados" href="https://www.facebook.com/pages/Renascer-Planejados-e-Decora%C3%A7%C3%B5es/140672086093209?ref=ts&fref=ts" target="_blank"><img height="25" src="_recursos/imagens/facebook.png"/></a></div>
        <div class="titulo">
            <h1>Contato</h1>
            <h2>Entre em contato conosco através do formulário abaixo. Estaremos contatando você o mais rápido possível.</h2>
        </div>
        <div class="texto">
            <table style="width: 100%">
                <tr>
                    <td style="width: 50%; vertical-align: top; border-right: 1px solid #bbbbbb; padding-right: 25px">
                        <form onsubmit="return validar()" action="_recursos/classes/Email.php" method="POST" enctype="multipart/form-data" class="formulario">
                            <label>Nome:</label>
                            <br/>
                            <input id="nome" name="nome" type="text"/>
                            <br/><br/>
                            <label>E-mail:</label>
                            <br/>
                            <input id="email" name="email" type="text"/>
                            <br/><br/>
                            <label>Telefone:</label>
                            <br/>
                            <input id="telefone" name="telefone" type="text"/>
                            <br/><br/>
                            <label>Sua Planta:</label>
                            <br/>
                            <input name="file" type="file"/>
                            <br/><br/>
                            <label>Assunto:</label>
                            <br/>
                            <select name="assunto">
                                <option>Orcamento</option>
                                <option>Dúvida</option>
                                <option>Sugestão</option>
                            </select>
                            <br/><br/>
                            <label>Conteúdo:</label>
                            <br/>
                            <textarea id="conteudo" rows="10" name="conteudo"></textarea>
                            <br/><br/>
                            <div style="text-align: center;">
                                <input type="submit" class="button-blue" value="Enviar"/>
                            </div>
                        </form>
                    </td>
                    <td style="width: 50%; vertical-align: top; padding-left: 25px">
                        <h2>Local onde nossa loja está instalada</h2>
                        <br/>
                        <div style="padding-left: 20px">Av. Ayrton Senna da Silva, 1.511 - Lojas 9 e 10 / Praia Grande - SP</div>
                        <div style="padding-left: 20px">(13) 3473.2176</div>
                        <div style="padding-left: 20px">atendimento@renascerplanejados.com</div>
                        <br/>
                        <iframe style="width: 100%; height: 300px; border: 1px solid #bbbbbb" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.br/maps?f=d&amp;source=s_d&amp;saddr=Litoral+Plaza+Shopping,+S%C3%ADtio+do+Campo,+Praia+Grande&amp;daddr=&amp;hl=pt-BR&amp;geocode=FcDXkf4dseA7_SlRUIvGUxzOlDFFb97uAQA67Q&amp;sll=-23.996996,-46.407967&amp;sspn=0.062651,0.077162&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;z=13&amp;output=embed"></iframe><br /><small><a target="_blank" href="https://maps.google.com.br/maps?f=d&amp;source=embed&amp;saddr=Litoral+Plaza+Shopping,+S%C3%ADtio+do+Campo,+Praia+Grande&amp;daddr=&amp;hl=pt-BR&amp;geocode=FcDXkf4dseA7_SlRUIvGUxzOlDFFb97uAQA67Q&amp;sll=-23.996996,-46.407967&amp;sspn=0.062651,0.077162&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;z=13" style="color:#0000FF;text-align:left">Exibir mapa ampliado</a></small>
                        <br/><br/>
                        <h2>Atendimento</h2>
                        <br/>
                        <div style="padding-left: 20px">Segunda à Sábado: 10:00h as 22:00h</div>
                        <div style="padding-left: 20px">Domingos e Feriádos: 14:00h as 21:00h</div>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
